<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				width: 200px;
				height: 200px;
				padding-left: 10px;
				padding-right: 20px;
				padding: 40px 50px 60px ; 把上面的覆盖了上\右\下\左
				padding-bottom: 30px;  /*下边框,把下给覆盖了*/
				border: 8px solid #000000;/*黑色*/
				/*border: 8px dashed #000;*/  /*dashed虚线*/
				
				/*height: 123px;
				width: 123px;
				padding: 20px 40px;
				border: 1px solid #000000;*/
			}
			/*宽度 = 200 + 50 + 50 + 8*2
			 高度 = 200 + 40 +30 +16 = 286 */
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>
